<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>商机信息明细</title>
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <link rel="stylesheet" href="../../../css/wx/mui.min.css">
    <link rel="stylesheet" href="../../../css/wx/app.css">
    <link rel="stylesheet" href="../../../css/wx/style.css"/>
    <link rel="stylesheet" href="../../../css/wx/style-hn.css"/>

    <script type="text/javascript">
        var pageConfig = {
            jss: ["app/gwaq553/gwaq553-info"]
        };
    </script>
    <script data-main="../../../js/wx/public/config" src="../../../js/require.js"></script>
    <style>
        html {
            background-color: #efeff4;
        }

        .mui-navigate-right:after, .mui-push-left:after, .mui-push-right:after {
            font-size: 22px;
            color: #ccc;
            right: -6px;
        }

        .textList .mui-table-view-cell:after {
            height: 1px;
            left: 0;
        }

        .wf-slider-bottom {
            top: 0px;
        }
    </style>
</head>

<body>
<div id="gwaq553Info">
    <div class="mui-scroll-wrapper wf-slider-bottom">
        <div class="mui-scroll">

            <ul class="mui-table-view textList">
                <li class="mui-table-view-cell">
                    <a href="javascript:;">
                        商机主题<span v-text="info.GWBGL003" style="float: right;margin-right: 20px;"></span>
                    </a>
                </li>
                <li class="mui-table-view-cell">
                    <a href="javascript:;">
                        商机阶段<span v-text="info.GWAVL003" style="float: right;margin-right: 20px;"></span>
                    </a>
                </li>
                <li class="mui-table-view-cell">
                    <a href="javascript:;">
                        客户名称<span v-text="info.GWAKL004_1" style="float: right;margin-right: 20px;"></span>
                    </a>
                </li>
                <li class="mui-table-view-cell">
                    <a href="javascript:;">
                        联系人/手机号码<span v-text="info.GWAK030" style="float: right;margin-right: 20px;"></span>
                    </a>
                </li>
            </ul>

            <div class="fromlist">
                <div class="DealerDro">
                   <div class="DealerDro-title" :class="{'active': isActive}" @click="DealerDro">经销商</div>
                   <div v-for="(data,index) in list" class="DealerDro-list" v-show="selected">
                            <div class="fromlist_group fromlist_flex">
                                 <label>经销商名称：{{data.GWAKL003}}</label>
                            </div>
                            <div class="fromlist_group fromlist_flex">
                                 <label>联系人：{{data.GWAK031}}</label>
                            </div>
                        </div>
                </div>
                <div class="mui-input-row title"><label>商品明细</label></div>

                    <ul v-for="sp in spmx"  class="mui-table-view">
                        <li class="mui-table-view-cell mui-media flexMedia">
                            <div class="imgBox">
                                <img :src="sp.GWAM015 | goodsImgsUtils">
                            </div>
                            <div class="mui-media-body goodsMedia">
                                <h4>{{sp.GWAML003}}</h4>
                                <div class="mui-media-footer">
                                    <p class="wf-sfont-color">￥{{sp.GWBK004 | priceFMT}} <span style="color: #000 !important;">/ {{sp.GWABL003}}</span></p>
                                    <p>数量 x{{sp.GWBK003}}</p>
                                </div>
                            </div>
                        </li>
                    </ul>
                    <div style="flex: 1;" class="footBtn-count-left">
                        合计：
                        <span id="num">￥{{COUNTAMOUNT | priceFMT}}</span>
                    </div>

            </div>
        </div>
    </div>

    <div style="width: 100%;" class="footBtn flexl shadow2">
        <button @tap.stop="showBflc" type="button" class="mui-btn mui-btn-royal mui-btn-block wf-pulic-bg addCar">
            拜访历程
        </button>
        <button @tap.stop="showJzxx" type="button" class="mui-btn mui-btn-royal mui-btn-block wf-second-bg addCar">
            竞争信息
        </button>
        <button @tap.stop="showGjpgx" type="button" class="mui-btn mui-btn-royal mui-btn-block mui-btn-outlined addCar">
            关键评估项
        </button>
    </div>
</div>
</body>

</html>